<template>
  <div>
    <h3>视频列表</h3>
    <ul>
      <li>视频1</li>
      <li>视频2</li>
      <li>视频3</li>
    </ul>
    <div>
      <h3>{{ count }}</h3>
      <button @click="count++">+</button>
    </div>
  </div>
</template>

<script>
export default {
  name:'vedio',
  data() {
    return {
      count: 1,
    };
  },
  beforeCreate() {
    console.log("1、视频beforeCreate");
  },
  created() {
    console.log("2、视频created");
  },
  beforeMount() {
    console.log("3、视频beforeMount");
  },
  mounted() {
    console.log("4、视频mounted");
  },
  beforeUpdate() {
    console.log("5、视频beforeUpdate");
  },
  updated() {
    console.log("6、视频update");
  },
  beforeDestroy() {
    console.log("7、视频beforeDestroy");
    clearInterval(this.timer);
  },
  destroyed() {
    console.log("8、视频destroyed");
  },
  activated(){
    console.log('视频的activated');
  },
  deactivated(){
     console.log('视频的deactivated');
  }
};
</script>

<style>
</style>